<div class="header-in fx-row fx-middle wrap-center">
<a href="/" class="logo"><img src="/images/logo.png" alt=""></a>
<ul class="header-menu fx-row fx-start fx-1 to-mob">
<li class="submenu"><a href="#">Фильмы</a>
<div class="hidden-menu clearfix">
<ul class="hm-col">
<li><a href="#">Биографии</a></li>
<li><a href="#">Вестерн</a></li>
<li><a href="#">Детектив</a></li>
<li><a href="#">Мелодрама</a></li>
<li><a href="#">История</a></li>
<li><a href="#">Криминал</a></li>
<li><a href="#">Триллер</a></li>
</ul>
<ul class="hm-col">
<li><a href="#">Фантастика</a></li>
<li><a href="#">Боевики</a></li>
<li><a href="#">Военные</a></li>
<li><a href="#">Документальный</a></li>
<li><a href="#">Драма</a></li>
<li><a href="#">Комедия</a></li>
<li><a href="#">Молодежные</a></li>
</ul>
<ul class="hm-col">
<li><a href="#">Ужасы</a></li>
<li><a href="#">Фэнтези</a></li> 
</ul>
</div>
</li>

<li><a href="#">Новинки кино 2019</a></li>
<li><a href="#">Фильмы 2018</a></li>
<li><a href="#">Скоро в кино</a></li>
<li><a href="#">Мультфильмы</a></li>
</ul>

<div class="btn-search js-search"><span class="far fa-search"></span></div>
<?if($USER_LOGGED_IN$)?>
<div class="btn-login js-login"><span class="far fa-cog"></span></div>
<?else?>
<div class="btn-login js-login"><span class="far fa-user"></span></div>
<?endif?>
<div class="btn-menu hidden"><span class="far fa-bars"></span></div>
</div>
</header>